<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>基础信息</title>

    <meta name="keywords" content="">
    <meta name="description" content="">


    <link rel="shortcut icon" href="favicon.ico"> <link href="{{laracvs_asset('admin/css/bootstrap.min.css?v=3.3.6')}}" rel="stylesheet">
    <link href="{{laracvs_asset('admin/css/font-awesome.css?v=4.4.0')}}" rel="stylesheet">
    <link href="{{laracvs_asset('admin/css/plugins/iCheck/custom.css')}}" rel="stylesheet">
    <link href="{{laracvs_asset('admin/css/animate.css')}}" rel="stylesheet">
    <link href="{{laracvs_asset('admin/css/style.css?v=4.1.0')}}" rel="stylesheet">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-3">
            <div class="widget style1 navy-bg">
                <div class="row">
                    <div class="col-xs-4 text-center">
                        <i class="fa fa-video-camera fa-5x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span> 视频总数</span>
                        <h2 class="font-bold">{{rand(3276858,4356272)}}部</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget style1 yellow-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="fa fa-map fa-5x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span>可用内存</span>
                        <h2 class="font-bold">{{$sysinfo}}M</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- 全局js -->
<script src="{{laracvs_asset('admin/js/jquery.min.js?v=2.1.4')}}"></script>
<script src="{{laracvs_asset('admin/js/jquery-ui-1.10.4.min.js')}}"></script>
<script src="{{laracvs_asset('admin/js/bootstrap.min.js?v=3.3.6')}}"></script>



<!-- 自定义js -->
<script src="{{laracvs_asset('admin/js/content.js?v=1.0.0')}}"></script>


<!-- iCheck -->
<script src="{{laracvs_asset('admin/js/plugins/iCheck/icheck.min.js')}}"></script>

<!-- Jvectormap -->
<script src="{{laracvs_asset('admin/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}"></script>
<script src="{{laracvs_asset('admin/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js')}}"></script>

<!-- Flot -->
<script src="{{laracvs_asset('admin/js/plugins/flot/jquery.flot.js')}}"></script>
<script src="{{laracvs_asset('admin/js/plugins/flot/jquery.flot.tooltip.min.js')}}"></script>
<script src="{{laracvs_asset('admin/js/plugins/flot/jquery.flot.resize.js')}}"></script>
<script>
    $(document).ready(function () {
        var d1 = [[1262304000000, 6], [1264982400000, 3057], [1267401600000, 20434], [1270080000000, 31982], [1272672000000, 26602], [1275350400000, 27826], [1277942400000, 24302], [1280620800000, 24237], [1283299200000, 21004], [1285891200000, 12144], [1288569600000, 10577], [1291161600000, 10295]];
        var d2 = [[1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 6129], [1272672000000, 11643], [1275350400000, 19055], [1277942400000, 30062], [1280620800000, 39197], [1283299200000, 37000], [1285891200000, 27000], [1288569600000, 21000], [1291161600000, 17000]];

        var data1 = [
            {
                label: "Data 1",
                data: d1,
                color: '#17a084'
            },
            {
                label: "Data 2",
                data: d2,
                color: '#127e68'
            }
        ];
        $.plot($("#flot-chart1"), data1, {
            xaxis: {
                tickDecimals: 0
            },
            series: {
                lines: {
                    show: true,
                    fill: true,
                    fillColor: {
                        colors: [{
                            opacity: 1
                        }, {
                            opacity: 1
                        }]
                    },
                },
                points: {
                    width: 0.1,
                    show: false
                },
            },
            grid: {
                show: false,
                borderWidth: 0
            },
            legend: {
                show: false,
            }
        });

        var data2 = [
            {
                label: "Data 1",
                data: d1,
                color: '#19a0a1'
            }
        ];
        $.plot($("#flot-chart2"), data2, {
            xaxis: {
                tickDecimals: 0
            },
            series: {
                lines: {
                    show: true,
                    fill: true,
                    fillColor: {
                        colors: [{
                            opacity: 1
                        }, {
                            opacity: 1
                        }]
                    },
                },
                points: {
                    width: 0.1,
                    show: false
                },
            },
            grid: {
                show: false,
                borderWidth: 0
            },
            legend: {
                show: false,
            }
        });

        var data3 = [
            {
                label: "Data 1",
                data: d1,
                color: '#fbbe7b'
            },
            {
                label: "Data 2",
                data: d2,
                color: '#f8ac59'
            }
        ];
        $.plot($("#flot-chart3"), data3, {
            xaxis: {
                tickDecimals: 0
            },
            series: {
                lines: {
                    show: true,
                    fill: true,
                    fillColor: {
                        colors: [{
                            opacity: 1
                        }, {
                            opacity: 1
                        }]
                    },
                },
                points: {
                    width: 0.1,
                    show: false
                },
            },
            grid: {
                show: false,
                borderWidth: 0
            },
            legend: {
                show: false,
            }
        });

        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
        });

        $(".todo-list").sortable({
            placeholder: "sort-highlight",
            handle: ".handle",
            forcePlaceholderSize: true,
            zIndex: 999999
        }).disableSelection();;

        var mapData = {
            "US": 498,
            "SA": 200,
            "CA": 1300,
            "DE": 220,
            "FR": 540,
            "CN": 120,
            "AU": 760,
            "BR": 550,
            "IN": 200,
            "GB": 120,
            "RU": 2000
        };

        $('#world-map').vectorMap({
            map: 'world_mill_en',
            backgroundColor: "transparent",
            regionStyle: {
                initial: {
                    fill: '#e4e4e4',
                    "fill-opacity": 1,
                    stroke: 'none',
                    "stroke-width": 0,
                    "stroke-opacity": 0
                }
            },
            series: {
                regions: [{
                    values: mapData,
                    scale: ["#1ab394", "#22d6b1"],
                    normalizeFunction: 'polynomial'
                }]
            },
        });
    });
</script>


<!--统计代码，可删除-->

</body>

</html>
